<div class="page" data-page="productCharge" id="productCharge">
	<div class="column_show">
		<div class="column_title">产品管理>添加产品</div>
		<a id="addChargeBtn" class="yellow_solidbtn title_btn fr">添加费用</a>
	</div>
	<div class="chargeNav">
		<a href="javascript:void(0);" id="chargeContent1" class="chargeNavActive" expenseType="1">提前罚息</a>
		<a href="javascript:void(0);" id="chargeContent2" expenseType="2">延期计息</a>
		<a href="javascript:void(0);" id="chargeContent3" expenseType="3">费用项目</a>
		<a href="javascript:void(0);" id="chargeContent4" expenseType="4">预警方案</a>
	</div>
	<!--提前罚息-->
	<div class="chargeContent chargeContent1">
		<table class="table" id="chargeListBody1">
		</table>
		<script type="text/template" id="chargeListTpl1">
			<tr class="table_title">
				<th>计算方式</th>
				<th>货物类别</th>
				<th>货名</th>
				<th>计算日期区间</th>
				<th>服务费</th>
				<th>操作</th>
			</tr>
			{@each datas as it}
			{@each it.aheadInterests as item}
			<tr class="tr_style table-data" productExpenseId="${item.productExpenseId}">
				<td>${getValueByKey(27, item.expenseMethod)}</td>
				<td>${item.categoryName}</td>
				<td>${item.bulkstockName}</td>
				<td>第${item.startDay}~${item.endDay}天</td>
				<td>${item.amount}%</td>
				<td><a class="chargeDelete">删除</a></td>
			</tr>
			{@/each}
			{@/each}
		</script>
	</div>

	<!--延期计息-->
	<div class="chargeContent chargeContent2 none">
		<table class="table" id="chargeListBody2">
		</table>
		<script type="text/template" id="chargeListTpl2">
			<tr class="table_title">
				<th>计算方式</th>
				<th>货物类别</th>
				<th>货名</th>
				<th>计算日期区间</th>
				<th>服务费</th>
				<th>操作</th>
			</tr>
			{@each datas as it}
			{@each it.overdueInterests as item}
			<tr class="tr_style table-data" productExpenseId="${item.productExpenseId}">
				<td>${getValueByKey(27, item.expenseMethod)}</td>
				<td>${item.categoryName}</td>
				<td>${item.bulkstockName}</td>
				<td>第${item.startDay}~ ${item.endDay}天</td>
				<td>${item.amount}%</td>
				<td><a class="chargeDelete">删除</a></td>
			</tr>
			{@/each}
			{@/each}
		</script>
	</div>

	<!--费用项目-->
	<div class="chargeContent chargeContent3 none">
		<table class="table" id="chargeListBody3">
		</table>
		<div id="chargePage" class="pagenation"></div>
		<script type="text/template" id="chargeListTpl3">
			<tr class="table_title">
				<th>费用名称</th>
				<th>计算方式</th>
				<th>货类</th>
				<th>货名</th>
				<th>箱型</th>
				<th>尺寸</th>
				<th>费用</th>
				<th>操作</th>
			</tr>
			{@each datas as it}
			<tr class="tr_style table-data" productExpenseId="${it.productExpenseId}">
				<td>${it.expenseName}</td>
				<td>${getValueByKey(27, it.expenseMethod)}</td>
				<td>${it.categoryName}</td>
				<td>${it.bulkstockName}</td>
				<td>${it.model}</td>
				<td>${it.dimension}</td>
				<td>${it.amount}</td>
				<td><a class="chargeDelete">删除</a></td>
			</tr>
			{@/each}
		</script>
	</div>
	
	<!--预警方案-->
	<div class="chargeContent chargeContent4 none">
		<table class="table" id="chargeListBody4">
		</table>
		<div id="chargePage" class="pagenation"></div>
		<script type="text/template" id="chargeListTpl4">
			<tr class="table_title">
				<th>方案名称</th>
				<th>预警因素</th>
				<th>处理频度</th>
				<th>生成时间</th>
				<th>操作</th>
			</tr>
			{@each datas as it}
			{@each it.schemes as item}
			<tr productId="${it.productId}" schemeId="${item.schemeId}">
				<td>${item.schemeName}</td>
				<td>${getValueByKey(62, item.factor)}</td>
				<td>${getValueByKey(60, item.frequency)}</td>
				<td>${item.createDateTime}</td>
				<td>
					<a href="javascript:void(0)" class="schemeDetail">详情</a>
					<a href="javascript:void(0)" class="schemeDelete">删除</a>
				</td>
			</tr>
			{@/each}
			{@/each}
		</script>
	</div>
	<div class="footButton">
		<a href="javascript:void(0);" id="chargeBack">< 返回上一步</a>
		<a href="javascript:void(0);" id="chargeNext">完成添加</a>
	</div>
</div>